<!DOCTYPE html>
<html>
<head>
    %{--<meta name="layout" content="main"/>--}%
    %{--<asset:stylesheet src="homer/vendor/bootstrap/dist/css/bootstrap.min.css" />--}%
    <asset:stylesheet src="homer/style.css" />
    <asset:javascript src="homer/vendor/jquery/dist/jquery.min.js" />
    <title>${cityName}全量押品分析报告</title>
    <style>
    .pull-left{
        float: left;
    }
    .lineHeight{
        margin-left: 40px;
        display: block;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .echartsRightBox{
        line-height: 25px;
        margin-top: -10px;
    }
    hr{
        margin-top: 20px;
        margin-bottom: 40px;
        border: 0;
        border-top: 1px solid #eee;
    }
    .table>tbody>tr>td{
        vertical-align: middle;
    }
    #estateStart{
        width: 210mm;
        height: 100mm;
    }
    #communityPriceTrend{
        width: 210mm;
        height: 100mm;
    }
    .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{
        border: 1px solid #ddd;
        border-spacing: 0;
        border-collapse: collapse;
        padding: 6px;
        text-align: center;
    }
    .printA{
        width: 100mm!important;
    }
    .hpanel .panel-body{
        border: none;
    }
    @media print {
        .printBreak{
            page-break-after:always;
        }
        .distanceTop{
            margin-top: 25mm;
        }
        @page {
            size: auto;  /* auto is the initial value */
            margin: 0mm; /* this affects the margin in the printer settings */
        }
        .footer{
            display: none;
        }
        .hpanel .panel-body {
            border: none;
        }
        table {
            page-break-inside: avoid;
        }
        .color1{
            color: #FF0000!important;
        }

        #estateStart{
            width: 210mm;
            height: 100mm;
        }
        #communityPriceTrend{
            width: 210mm;
            height: 100mm;
        }
        .hpanel .panel-body{
            border: none;
        }
        echartsRightBox{
            line-height: 25px;
            margin-top: -10px;
        }

    }

    </style>
</head>

<body class="fixed-navbar fixed-sidebar">
<input type="hidden" id="city" value="${zoneNumber}">
<div align="center" style="margin-top: 10mm;"><A1 >${cityName}全量押品分析报告</A1></div>
<div class="content animate-panel">

    <div class="row">
        <div class="hpanel hgreen">
            <div class="panel-heading">
                <div class="panel-tools">
                    <a class="showhide"><i class="fa fa-chevron-up"></i></a>

                </div>
                押品分析
            </div>
            <div class="panel-body" style="border-bottom: none; padding-bottom: 0">
                <div>
                    <h4 style="font-size: 13px;color: #62cb31;">城市/行政区押品分布</h4>
                    <g:if test="${estateCounts != 0}">
                        <span class="lineHeight"><strong> ${cityName} </strong> 押品分布在 <strong style="color: #FF0000;">${districtCounts}</strong> 个行政区，共 <strong style="color: #FF0000;">${estateCounts}</strong> 件押品，其中在 <strong style="color: #62cb31;">${districtName1}</strong> 的数量最多，有 <strong style="color: #FF0000;">${districtEstateCounts1}</strong> 件，占全量押品的 <strong style="color: #FF0000;"><g:formatNumber number="${districtEstateCounts1/estateCounts*100}" minFractionDigits="2" maxFractionDigits="2"/>%</strong>，其次为 <strong style="color: #62cb31;">${districtName2}</strong> 和 <strong style="color: #62cb31;">${districtName3}</strong>，押品数量分别为 <strong style="color: #FF0000;">${districtEstateCounts2}</strong> 件和 <strong style="color: #FF0000;">${districtEstateCounts3}</strong> 件，分别占全量押品的 <strong style="color: #FF0000;"><g:formatNumber number="${districtEstateCounts2/estateCounts*100}" minFractionDigits="2" maxFractionDigits="2"/>%</strong> 和 <strong style="color: #FF0000;"><g:formatNumber number="${districtEstateCounts3/estateCounts*100}" minFractionDigits="2" maxFractionDigits="2"/>%</strong></span>
                    </g:if>
                    <g:else>
                        <span class="lineHeight"><strong> ${cityName} </strong> 押品分布在 <strong  style="color: #FF0000;">${districtCounts}</strong> 个行政区，共 <strong style="color: #FF0000;">${estateCounts}</strong> 件押品，其中在 <strong style="color: #62cb31;">${districtName1}</strong> 的数量最多，有 <strong style="color: #FF0000;">${districtEstateCounts1}</strong> 件，占全量押品的 <strong  style="color: #FF0000;">0.00%</strong>，其次为 <strong style="color: #62cb31;">${districtName2}</strong> 和 <strong style="color: #62cb31;">${districtName3}</strong>，押品数量分别为 <strong style="color: #FF0000;">${districtEstateCounts2}</strong> 件和 <strong style="color: #FF0000;">${districtEstateCounts3}</strong> 件，分别占全量押品的 <strong style="color: #FF0000;">0.00%</strong> 和 <strong style="color: #FF0000;">0.00%</strong></span>
                    </g:else>
                </div>
                <div>
                    <h4 style="font-size: 13px;color: #62cb31;">新房和二手房数量及占比</h4>
                    <g:if test="${estateCounts != 0}">
                        <span class="lineHeight">全市新房押品，共<strong style="color: #FF0000;">${newCount}</strong>件，在<strong style="color: #62cb31;">${newHouse?.name}</strong> 的数量最多，有<strong style="color: #FF0000;">${newHouse?.counts}</strong>件，占全量押品的 <strong style="color: #FF0000;"><g:formatNumber number="${(newHouse?.counts ? newHouse?.counts : 0 )/estateCounts*100}" minFractionDigits="2" maxFractionDigits="2"/></strong>%，二手房押品，共<strong style="color: #FF0000;">${secCount}</strong>件，在<strong style="color: #62cb31;">${secHouse?.name}</strong>的数量最多，有<strong style="color: #FF0000;">${secHouse?.counts}</strong>件，占全量押品的 <strong style="color: #FF0000;"><g:formatNumber number="${( secHouse?.counts ? secHouse?.counts : 0)/estateCounts*100}" minFractionDigits="2" maxFractionDigits="2"/>%</strong></span>
                    </g:if>
                    <g:else>
                        <span class="lineHeight">全市新房押品，共<strong style="color: #FF0000;">${newCount}</strong>件，在<strong style="color: #62cb31;">${newHouse?.name}</strong> 的数量最多，有<strong style="color: #FF0000;">${newHouse?.counts}</strong>件，占全量押品的 <strong style="color: #FF0000;">0.00%</strong>，二手房押品，共<strong style="color: #FF0000;">${secCount}</strong>件，在<strong style="color: #62cb31;">${secHouse?.name}</strong>的数量最多，有<strong style="color: #FF0000;">${secHouse?.counts}</strong>件，占全量押品的 <strong style="color: #FF0000;">0.00%</strong></span>
                    </g:else>
                </div>

                <div class="">
                    <h4 style="font-size: 13px; color: #62cb31;" class="">房屋用途数量及占比</h4>
                    <g:if test="${estateCounts != 0}">
                        <span class="lineHeight">全市<strong style="color: #62cb31;">住宅押品</strong>共<strong style="color: #FF0000;">${yongtuzhonglei[0].counts}</strong>件，占全量押品的 <strong style="color: #FF0000;"><g:formatNumber number="${yongtuzhonglei[0].counts/estateCounts*100}" minFractionDigits="2" maxFractionDigits="2"/>%</strong>，<strong style="color: #62cb31;">商业押品</strong>共 <strong style="color: #FF0000;">${yongtuzhonglei[2].counts}</strong>件，占全量押品的 <strong style="color: #FF0000;"><g:formatNumber number="${yongtuzhonglei[2].counts/estateCounts*100}" minFractionDigits="2" maxFractionDigits="2"/>%</strong>，<strong style="color: #62cb31;">办公押品</strong>共 <strong style="color: #FF0000;">${yongtuzhonglei[1].counts}</strong>件，占全量押品的 <strong style="color: #FF0000;"><g:formatNumber number="${yongtuzhonglei[1].counts/estateCounts*100}" minFractionDigits="2" maxFractionDigits="2"/>%</strong>，<strong style="color: #62cb31;">工业押品</strong>共 <strong style="color: #FF0000;">${yongtuzhonglei[3].counts}</strong>件，占全量押品的 <strong style="color: #FF0000;"><g:formatNumber number="${yongtuzhonglei[3].counts/estateCounts*100}" minFractionDigits="2" maxFractionDigits="2"/>%</strong></span>
                    </g:if>
                    <g:else>
                        <span class="lineHeight">全市<strong style="color: #62cb31;">住宅押品</strong>共<strong style="color: #FF0000;">${yongtuzhonglei[0].counts}</strong>件，占全量押品的 <strong style="color: #FF0000;">0.00%</strong>，<strong style="color: #62cb31;">商业押品</strong>共 <strong style="color: #FF0000;">${yongtuzhonglei[2].counts}</strong>件，占全量押品的 <strong style="color: #FF0000;">0.00%</strong>，<strong style="color: #62cb31;">办公押品</strong>共 <strong style="color: #FF0000;">${yongtuzhonglei[1].counts}</strong>件，占全量押品的 <strong style="color: #FF0000;">0.00%</strong>，<strong style="color: #62cb31;">工业押品</strong>共 <strong style="color: #FF0000;">${yongtuzhonglei[3].counts}</strong>件，占全量押品的 <strong style="color: #FF0000;">0.00%</strong></span>
                    </g:else>
                </div>
                <div>
                    <h4 style="font-size: 13px;color: #62cb31;">贷款性质数量及占比</h4>
                    <g:if test="${estateCounts != 0}">
                        <span class="lineHeight">全市<strong style="color: #62cb31;">商业贷款</strong>共<strong style="color: #FF0000;">${daikuanxingzhi[1]?.counts}</strong>件，占全量押品的 <strong style="color: #FF0000;"><g:formatNumber number="${(daikuanxingzhi[1]?.counts ? daikuanxingzhi[1]?.counts : 0 )/estateCounts*100}" minFractionDigits="2" maxFractionDigits="2"/>%</strong>，<strong style="color: #62cb31;">公积金贷款</strong>共<strong style="color: #FF0000;">${daikuanxingzhi[0]?.counts}</strong>件，占全量押品的 <strong style="color: #FF0000;"><g:formatNumber number="${(daikuanxingzhi[0]?.counts ? daikuanxingzhi[0]?.counts : 0 )/estateCounts*100}" minFractionDigits="2" maxFractionDigits="2"/>%</strong>，<strong style="color: #62cb31;">组合贷款</strong>共<strong style="color: #FF0000;">${daikuanxingzhi[2]?.counts}</strong>件，占全量押品的 <strong style="color: #FF0000;"><g:formatNumber number="${(daikuanxingzhi[2]?.counts ? daikuanxingzhi[2]?.counts : 0 )/estateCounts*100}" minFractionDigits="2" maxFractionDigits="2"/>%</strong></span>
                    </g:if>
                    <g:else>
                        <span class="lineHeight">全市<strong style="color: #62cb31;">商业贷款</strong>共<strong style="color: #FF0000;">${daikuanxingzhi[1]?.counts}</strong>件，占全量押品的 <strong style="color: #FF0000;">0.00%</strong>，<strong style="color: #62cb31;">公积金贷款</strong>共<strong style="color: #FF0000;">${daikuanxingzhi[0]?.counts}</strong>件，占全量押品的 <strong style="color: #FF0000;">0.00%</strong>，<strong style="color: #62cb31;">组合贷款</strong>共<strong style="color: #FF0000;">${daikuanxingzhi[2]?.counts}</strong>件，占全量押品的 <strong style="color: #FF0000;">0.00%</strong></span>
                    </g:else>

                </div>
                <div>
                    <h4 style="font-size: 13px;color: #62cb31;">权利种类数量及占比</h4>
                    <g:if test="${estateCounts != 0}">
                        <span class="lineHeight">全市<strong style="color: #62cb31;">最高额抵押</strong>共<strong style="color: #FF0000;">${quanlizhonglei[3]?.counts}</strong>件，占全量押品的  <strong style="color: #FF0000;"><g:formatNumber number="${quanlizhonglei[3].counts/estateCounts*100}" minFractionDigits="2" maxFractionDigits="2"/>%</strong>，<strong style="color: #62cb31;">一般抵押</strong>共<strong style="color: #FF0000;">${quanlizhonglei[0]?.counts}</strong>件，占全量押品的 <strong style="color: #FF0000;"><g:formatNumber number="${(quanlizhonglei[0]?.counts ? quanlizhonglei[0]?.counts : 0)/estateCounts*100}" minFractionDigits="2" maxFractionDigits="2"/>%</strong>，<strong style="color: #62cb31;">抵押</strong>共<strong style="color: #FF0000;">${quanlizhonglei[2]?.counts}</strong>件，占全量押品的 <strong style="color: #FF0000;"><g:formatNumber number="${(quanlizhonglei[2]?.counts ? quanlizhonglei[2]?.counts : 0) /estateCounts*100}" minFractionDigits="2" maxFractionDigits="2"/>%</strong>，<strong style="color: #62cb31;">典权</strong>共<strong style="color: #FF0000;">${quanlizhonglei[1]?.counts}</strong>件，占全量押品的 <strong style="color: #FF0000;"><g:formatNumber number="${(quanlizhonglei[1]?.counts ? quanlizhonglei[1]?.counts : 0)/estateCounts*100}" minFractionDigits="2" maxFractionDigits="2"/>%</strong></span>
                    </g:if>
                    <g:else>
                        <span class="lineHeight">全市<strong style="color: #62cb31;">最高额抵押</strong>共<strong style="color: #FF0000;">${quanlizhonglei[3]?.counts}</strong>件，占全量押品的  <strong style="color: #FF0000;">0.00%</strong>，<strong style="color: #62cb31;">一般抵押</strong>共<strong style="color: #FF0000;">${quanlizhonglei[0]?.counts}</strong>件，占全量押品的 <strong style="color: #FF0000;">0.00%</strong>，<strong style="color: #62cb31;">抵押</strong>共<strong style="color: #FF0000;">${quanlizhonglei[2]?.counts}</strong>件，占全量押品的 <strong style="color: #FF0000;">0.00%</strong>，<strong style="color: #62cb31;">典权</strong>共<strong style="color: #FF0000;">${quanlizhonglei[1]?.counts}</strong>件，占全量押品的 <strong style="color: #FF0000;">0.00%</strong></span>
                    </g:else>

                </div>
                <hr style="margin-bottom: 20px;">
                %{--全量--}%
                <div class="text-left clearfix">
                    <div id="main_2" class="pull-left" style="width: 80%;height:283px;"></div>
                    %{--2222--}%
                    <div class="echartsRightBox pull-left" style="width: 17%;">
                        <h4 style="font-size: 13px;color: #62cb31;">新房和二手房数量及占比</h4>
                        <g:if test="${estateCounts != 0}">
                            <span>全市新房押品，共<strong style="color: #FF0000;">${newCount}</strong>件，在<strong style="color: #62cb31;">${newHouse?.name}</strong> 的数量最多，有<strong style="color: #FF0000;">${newHouse?.counts}</strong>件，占全量押品的 <strong style="color: #FF0000;"><g:formatNumber number="${(newHouse?.counts ? newHouse?.counts : 0 )/estateCounts*100}" minFractionDigits="2" maxFractionDigits="2"/>%</strong>，<br>二手房押品，共<strong style="color: #FF0000;">${secCount}</strong>件，在<strong style="color: #62cb31;">${secHouse?.name}</strong>的数量最多，有<strong style="color: #FF0000;">${secHouse?.counts}</strong>件，占全量押品的 <strong style="color: #FF0000;"><g:formatNumber number="${( secHouse?.counts ? secHouse?.counts : 0)/estateCounts*100}" minFractionDigits="2" maxFractionDigits="2"/>%</strong></span>
                        </g:if>
                        <g:else>
                            <span>全市新房押品，共<strong style="color: #FF0000;">${newCount}</strong>件，在<strong style="color: #62cb31;">${newHouse?.name}</strong> 的数量最多，有<strong style="color: #FF0000;">${newHouse?.counts}</strong>件，占全量押品的 <strong style="color: #FF0000;">0.00%</strong>，<br>二手房押品，共<strong style="color: #FF0000;">${secCount}</strong>件，在<strong style="color: #62cb31;">${secHouse?.name}</strong>的数量最多，有<strong style="color: #FF0000;">${secHouse?.counts}</strong>件，占全量押品的 <strong style="color: #FF0000;">0.00%</strong></span>
                        </g:else>
                    </div>

                </div>
                <hr>
                <div class="text-left clearfix">
                    <div id="main_3" class="pull-left" style="width: 80%;height:283px;"></div>
                    %{--3333--}%
                    <div  class="echartsRightBox pull-left" style="width: 17%;">
                        <h4 style="font-size: 13px; color: #62cb31;">房屋用途数量及占比</h4>
                        <g:if test="${estateCounts != 0}">
                            <span>全市<strong style="color: #62cb31;">住宅押品</strong>共<strong style="color: #FF0000;">${yongtuzhonglei[0].counts}</strong>件，占全量押品的 <strong style="color: #FF0000;"><g:formatNumber number="${yongtuzhonglei[0].counts/estateCounts*100}" minFractionDigits="2" maxFractionDigits="2"/>%</strong>，<br><strong style="color: #62cb31;">商业押品</strong>共 <strong style="color: #FF0000;">${yongtuzhonglei[2].counts}</strong>件，占全量押品的 <strong style="color: #FF0000;"><g:formatNumber number="${yongtuzhonglei[2].counts/estateCounts*100}" minFractionDigits="2" maxFractionDigits="2"/>%</strong>，<br><strong style="color: #62cb31;">办公押品</strong>共 <strong style="color: #FF0000;">${yongtuzhonglei[1].counts}</strong>件，占全量押品的 <strong style="color: #FF0000;"><g:formatNumber number="${yongtuzhonglei[1].counts/estateCounts*100}" minFractionDigits="2" maxFractionDigits="2"/>%</strong>，<br><strong style="color: #62cb31;">工业押品</strong>共 <strong style="color: #FF0000;">${yongtuzhonglei[3].counts}</strong>件，占全量押品的 <strong style="color: #FF0000;"><g:formatNumber number="${yongtuzhonglei[3].counts/estateCounts*100}" minFractionDigits="2" maxFractionDigits="2"/>%</strong></span>
                        </g:if>
                        <g:else>
                            <span>全市<strong style="color: #62cb31;">住宅押品</strong>共<strong style="color: #FF0000;">${yongtuzhonglei[0].counts}</strong>件，占全量押品的 <strong style="color: #FF0000;">0.00%</strong>，<br><strong style="color: #62cb31;">商业押品</strong>共 <strong style="color: #FF0000;">${yongtuzhonglei[2].counts}</strong>件，占全量押品的 <strong style="color: #FF0000;">0.00%</strong>，<br><strong style="color: #62cb31;">办公押品</strong>共 <strong style="color: #FF0000;">${yongtuzhonglei[1].counts}</strong>件，占全量押品的 <strong style="color: #FF0000;">0.00%</strong>，<br><strong style="color: #62cb31;">工业押品</strong>共 <strong style="color: #FF0000;">${yongtuzhonglei[3].counts}</strong>件，占全量押品的 <strong style="color: #FF0000;">0.00%</strong></span>
                        </g:else>
                    </div>
                </div>
                <hr>
                <div class="text-left clearfix">
                    <div id="main_4" class="pull-left" style="width: 80%;height:353px;margin-top: 60mm;"></div>
                    %{--4444--}%
                    <div class="echartsRightBox pull-left printBreak" style="width: 17%;margin-top: 60mm;">
                        <h4 style="font-size: 13px;color: #62cb31;">贷款性质数量及占比</h4>
                        <g:if test="${estateCounts != 0}">
                            <span>全市<strong style="color: #62cb31;">商业贷款</strong>共<strong style="color: #FF0000;">${daikuanxingzhi[1]?.counts}</strong>件，占全量押品的 <strong style="color: #FF0000;"><g:formatNumber number="${(daikuanxingzhi[1]?.counts ? daikuanxingzhi[1]?.counts : 0 )/estateCounts*100}" minFractionDigits="2" maxFractionDigits="2"/>%</strong>，<br><strong style="color: #62cb31;">公积金贷款</strong>共<strong style="color: #FF0000;">${daikuanxingzhi[0]?.counts}</strong>件，占全量押品的 <strong style="color: #FF0000;"><g:formatNumber number="${(daikuanxingzhi[0]?.counts ? daikuanxingzhi[0]?.counts : 0 )/estateCounts*100}" minFractionDigits="2" maxFractionDigits="2"/>%</strong>，<br><strong style="color: #62cb31;">组合贷款</strong>共<strong style="color: #FF0000;">${daikuanxingzhi[2]?.counts}</strong>件，占全量押品的 <strong style="color: #FF0000;"><g:formatNumber number="${(daikuanxingzhi[2]?.counts ? daikuanxingzhi[2]?.counts : 0 )/estateCounts*100}" minFractionDigits="2" maxFractionDigits="2"/>%</strong></span>
                        </g:if>
                        <g:else>
                            <span>全市<strong style="color: #62cb31;">商业贷款</strong>共<strong style="color: #FF0000;">${daikuanxingzhi[1]?.counts}</strong>件，占全量押品的 <strong style="color: #FF0000;">0.00%</strong>，<br><strong style="color: #62cb31;">公积金贷款</strong>共<strong style="color: #FF0000;">${daikuanxingzhi[0]?.counts}</strong>件，占全量押品的 <strong style="color: #FF0000;">0.00%</strong>，<br><strong style="color: #62cb31;">组合贷款</strong>共<strong style="color: #FF0000;">${daikuanxingzhi[2]?.counts}</strong>件，占全量押品的 <strong style="color: #FF0000;">0.00%</strong></span>
                        </g:else>

                    </div>
                </div>
                <hr>
                <div class="text-left clearfix">
                    <div id="main_5" class="pull-left" style="width: 80%;height:383px;margin-top: 40mm;margin-bottom: 60mm;"></div>
                    %{--5555--}%
                    <div class="echartsRightBox pull-left" style="width: 17%;margin-top: 40mm;">
                        <h4 style="font-size: 13px;color: #62cb31;">权利种类数量及占比</h4>
                        <g:if test="${estateCounts != 0}">
                            <span>全市<strong style="color: #62cb31;">最高额抵押</strong>共<strong style="color: #FF0000;">${quanlizhonglei[3]?.counts}</strong>件，占全量押品的  <strong style="color: #FF0000;"><g:formatNumber number="${(quanlizhonglei[3]?.counts ? quanlizhonglei[3]?.counts : 0)/estateCounts*100}" minFractionDigits="2" maxFractionDigits="2"/>%</strong>，<br><strong style="color: #62cb31;">一般抵押</strong>共<strong style="color: #FF0000;">${quanlizhonglei[0]?.counts}</strong>件，占全量押品的 <strong style="color: #FF0000;"><g:formatNumber number="${(quanlizhonglei[0]?.counts ? quanlizhonglei[0]?.counts : 0)/estateCounts*100}" minFractionDigits="2" maxFractionDigits="2"/>%</strong>，<br><strong style="color: #62cb31;">抵押</strong>共<strong style="color: #FF0000;">${quanlizhonglei[2]?.counts}件</strong>，占全量押品的 <strong style="color: #FF0000;"><g:formatNumber number="${(quanlizhonglei[2]?.counts ? quanlizhonglei[2]?.counts : 0) /estateCounts*100}" minFractionDigits="2" maxFractionDigits="2"/>%</strong>，<br><strong style="color: #62cb31;">典权</strong>共<strong style="color: #FF0000;">${quanlizhonglei[1]?.counts}</strong>件，占全量押品的 <strong style="color: #FF0000;"><g:formatNumber number="${(quanlizhonglei[1]?.counts ? quanlizhonglei[1]?.counts : 0)/estateCounts*100}" minFractionDigits="2" maxFractionDigits="2"/>%</strong></span>
                        </g:if>
                        <g:else>
                            <span>全市<strong style="color: #62cb31;">最高额抵押</strong>共<strong style="color: #FF0000;">${quanlizhonglei[3]?.counts}</strong>件，占全量押品的  <strong style="color: #FF0000;">0.00%</strong>，<br><strong style="color: #62cb31;">一般抵押</strong>共<strong style="color: #FF0000;">${quanlizhonglei[0]?.counts}</strong>件，占全量押品的 <strong style="color: #FF0000;">0.00%</strong>，<br><strong style="color: #62cb31;">抵押</strong>共<strong style="color: #FF0000;">${quanlizhonglei[2]?.counts}件</strong>，占全量押品的 <strong style="color: #FF0000;">0.00%</strong>，<br><strong style="color: #62cb31;">典权</strong>共<strong style="color: #FF0000;">${quanlizhonglei[1]?.counts}</strong>件，占全量押品的 <strong style="color: #FF0000;">0.00%</strong></span>
                        </g:else>

                    </div>
                </div>
                <hr class="printBreak">
            </div>

            <div class="row">
                <div class="hpanel" style="">

                    <div class="col-md-12">
                        <div class="hpanel">

                            <h4 class="showhide" style="padding: 0;margin: 0;padding-top: 80px;padding-left: 20px;background: #fff;padding-top: 0px;padding-bottom: 0px;font-size: 13px;cursor: pointer;color: #62cb31;font-weight: bold;border-bottom: none; clear: both;">top20小区押品数量
                                <div class="panel-tools pull-right">
                                    <a class=""><i class="fa fa-chevron-down" style="font-size: 13px; margin-right: 9px;"></i></a>
                                </div>
                            </h4>

                            <div class="panel-body" style="border:none;">
                                <div class="table-responsive">
                                    <table cellpadding="1" cellspacing="1" class=" table-bordered " id="esateTable" style="width: 100%;">
                                        <thead>
                                        <tr>
                                            <td>城市</td>
                                            <td>行政区</td>
                                            <td>小区名称</td>
                                            <td>押品数量</td>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <g:each in="${top20CommunityList}">
                                            <tr>
                                                <td class="text-center">${it?.city}</td>
                                            <td class="text-center">${it?.district}</td>
                                            <td class="text-center">${it?.community}</td>
                                            <td class="text-center">${it?.counts}</td>
                                            </td>
                                        </tr>
                                        </g:each>
                                        </tbody>
                                    </table>
                                </div>

                                <div>
                                    <h4 style="padding:0;margin:0; background: #fff; padding-top: 10px;padding-bottom: 10px; border: none;font-size: 13px;cursor: pointer;color: #62cb31;font-weight: bold"><strong>top5小区价格变动趋势</strong></h4>
                                    <div id="communityPriceTrend" style="width: 100%;height: 420px;margin-bottom: 20mm;"></div>
                                </div>

                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>



    </div>

    <div class="row">
        <div class="hpanel hgreen">
            <div class="panel-heading">
                <div class="panel-tools">
                    <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                </div>
                贷款分析
            </div>
            <div class="panel-body">
                <div>
                    <h4 style="font-size: 13px; color: #62cb31;">押品押入期分布</h4>
                    <span class="lineHeight"><strong>${cityName}</strong> 全量押品押入期主要集中在 <strong style="color: #FF0000;"><span id="y1">年、</span></strong><strong style="color: #FF0000;"><span id="y2">年、</span></strong> <strong style="color: #FF0000;"><span id="y3">年、</span></strong>各年份放款数量如下：</span>
                    <div id="estateStart" style="width: 100%;height: 420px;"></div>
                </div>
                <hr/>
                <div class="printBreak">
                    <h4 style="font-size: 13px;color: #62cb31;">押品剩余还款期分布</h4>
                    <g:if test="${estateCounts != 0}">
                        <span class="lineHeight"><strong>${cityName}</strong> 按剩余还款期限统计押品数量，剩余还款期限在 <strong style="color: #FF0000;">${remainTimeList[0].remainTime}</strong> 的押品数据最多，包括 <strong style="color: #FF0000;">${remainTimeList[0].counts}</strong> 件押品，占总量押品的 <strong style="color: #FF0000;"><g:formatNumber number="${remainTimeList[0].counts/estateCounts * 100}" minFractionDigits="2" maxFractionDigits="2"/>%</strong>；其次是剩余还款期限在 <strong style="color: #FF0000;">${remainTimeList[1].remainTime}</strong> 年的押品，包括 <strong style="color: #FF0000;">${remainTimeList[1].counts}</strong> 件押品，占总量押品的<strong style="color: #FF0000;"><g:formatNumber number="${remainTimeList[1].counts/estateCounts * 100}" minFractionDigits="2" maxFractionDigits="2"/>%</strong>。</span>
                    </g:if>
                    <g:else>
                        <span class="lineHeight"><strong>${cityName}</strong> 按剩余还款期限统计押品数量，剩余还款期限在 <strong style="color: #FF0000;">${remainTimeList[0].remainTime}</strong> 的押品数据最多，包括 <strong style="color: #FF0000;">${remainTimeList[0].counts}</strong> 件押品，占总量押品的 <strong style="color: #FF0000;">0.00%</strong>；其次是剩余还款期限在 <strong style="color: #FF0000;">${remainTimeList[1].remainTime}</strong> 年的押品，包括 <strong style="color: #FF0000;">${remainTimeList[1].counts}</strong> 件押品，占总量押品的<strong style="color: #FF0000;">0.00%</strong>。</span>
                    </g:else>
                    <div class="table-responsive">
                        <table cellpadding="1" cellspacing="1" class="table-bordered" style="width:100%;">
                            <thead>
                            <tr>
                                <td>剩余还款期</td><td>押品数量</td><td>占比</td>
                            </tr>
                            </thead>
                            <tbody>
                            <g:each in="${remainTimeList}">
                                <tr>
                                    <td class="text-center">${it?.remaintime}</td>
                                <td class="text-center">${it?.counts}</td>
                                <td class="text-center"><g:if test="${estateCounts != 0}"><g:formatNumber number="${it?.counts/estateCounts * 100}" minFractionDigits="2" maxFractionDigits="2"/></g:if><g:else>0.00</g:else>%</td>
                                </td>
                            </tr>
                            </g:each>
                            </tbody>
                        </table>
                    </div>
                </div>
                <hr/>

                <hr/>
                <div>
                    <h4 style="font-size: 13px;color: #62cb31;">押品重估价值</h4>
                    <g:if test="${currentTotalPrice != 0}">
                        <span class="lineHeight"><strong>${cityName}</strong> 的全量押品有 <strong style="color: #FF0000;">${estateCounts}</strong> 件，全量押入期（评估机构评估总价）价值为 <strong style="color: #FF0000;"><g:formatNumber number="${loanTotalPrice}" minFractionDigits="2" maxFractionDigits="2"/></strong> 亿，重估期（当前系统评估总价）价值总额为 <strong style="color: #FF0000;"><g:formatNumber number="${currentTotalPrice}" minFractionDigits="2" maxFractionDigits="2"/></strong> 亿元，增幅为 <strong style="color: #FF0000;"><g:formatNumber number="${(currentTotalPrice-loanTotalPrice) / currentTotalPrice * 100}" minFractionDigits="2" maxFractionDigits="2"/>%</strong>。</span>
                    </g:if>
                    <g:else>
                        <span class="lineHeight"><strong>${cityName}</strong> 的全量押品有 <strong style="color: #FF0000;">${estateCounts}</strong> 件，全量押入期（评估机构评估总价）价值为 <strong style="color: #FF0000;"><g:formatNumber number="${loanTotalPrice}" minFractionDigits="2" maxFractionDigits="2"/></strong> 亿，重估期（当前系统评估总价）价值总额为 <strong style="color: #FF0000;"><g:formatNumber number="${currentTotalPrice}" minFractionDigits="2" maxFractionDigits="2"/></strong> 亿元，增幅为 <strong style="color: #FF0000;">0.00%</strong>。</span>
                    </g:else>
                    <div class="table-responsive">
                        <table cellpadding="1" cellspacing="1" class=" table-bordered " style="width:100%;">
                            <thead>
                            <tr>
                                <td>放款年份</td><td>押入期总价(亿元)</td><td>重估期总价(亿元)</td><td>增幅</td>
                            </tr>
                            </thead>
                            <tbody>
                            <g:each in="${evaluateList}">
                                <tr>
                                    <td class="text-center">${it?.startDate}</td>
                                <td class="text-center"><g:formatNumber number="${it?.loanTotalPrice}" minFractionDigits="2" maxFractionDigits="2"/></td>
                                <td class="text-center"><g:formatNumber number="${it?.currentTotalPrice}" minFractionDigits="2" maxFractionDigits="2"/></td>
                                <td class="text-center"><g:formatNumber number="${it?.amplitude * 100}" minFractionDigits="2" maxFractionDigits="2"/>%</td>
                                </td>
                            </tr>
                            </g:each>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>


</div>

<asset:javascript src="echarts/echarts-all-3.js" />
<asset:javascript src="main/fullQuantityReport.js" />
%{--新房二手房--}%
<script type="text/javascript">


    // 基于准备好的dom，初始化echarts实例
    var myChart2 = echarts.init(document.getElementById('main_2'));

    // 指定图表的配置项和数据
    var option2 = {
        tooltip: {
            trigger: 'axis'
        },
        legend: {
            data: ['新房','二手房']
        },
        xAxis: {
            type: 'category',
            boundaryGap: false
        },
        yAxis: [{
            type: 'value',
            scale: true,
            name: '押品数量（个）',
            boundaryGap: false
//boundaryGap: ['20%', '20%'] // 坐标轴两边留白策略，类目轴和非类目轴的设置和表现不一样。
        }
        ],
        series: [{
            name: '新房',
            type: 'line'
        }, {
            name: '二手房',
            type: 'line'
        }]
    };
    var tt2 = "${districtX}".split(",")
    var a2 = [];
    $.each(tt2,function(){
        a2.push(this.toString())
    })
    option2.xAxis.data = a2
    option2.series[0].data = [${xinfangxianData}]
    option2.series[1].data = [${ershoufangxianData}]

    myChart2.setOption(option2);
</script>
%{--房屋用途--}%
<script type="text/javascript">
    // 基于准备好的dom，初始化echarts实例
    var myChart3 = echarts.init(document.getElementById('main_3'));
    var option3 = {
        tooltip: {
            trigger: 'axis'
        },
        legend: {
            data: ['住宅', '商业','办公','工业']
        },
        xAxis: {
            type: 'category',
            boundaryGap: true
        },
        yAxis: {
            type: 'value',
            scale: true,
            name: '押品数量（个）',
            boundaryGap: false
        },
        series: [
            {
                name: '住宅',
                type: 'line'
            },
            {
                name: '商业',
                type: 'line'
            },
            {
                name: '办公',
                type: 'line'
            },
            {
                name: '工业',
                type: 'line'
            },
        ]
    };
    var tt3 = "${districtX}".split(",")
    var a3 = [];
    $.each(tt3,function(){
        a3.push(this.toString())
    })
    option3.xAxis.data = a3
    option3.series[0].data = [${zhuzhaiData}]
    option3.series[1].data = [${shangyeData}]
    option3.series[2].data = [${bangongData}]
    option3.series[3].data = [${gongyeData}]

    myChart3.setOption(option3);
</script>
%{--贷款性质面积--}%
<script type="text/javascript">
    // 基于准备好的dom，初始化echarts实例
    var myChart4 = echarts.init(document.getElementById('main_4'));
    var option4 = {
        tooltip : {
            trigger: 'item',
            formatter: "{b} : {c} ({d}%)"
        },
        legend: {
            orient: 'horizontal',
            left: 'center',
//            top: '60px',
            data: ['商业贷款','公积金贷款','组合贷款']
        },

        series : [
            {
                name: '访问来源',
                type: 'pie',
                radius : '60%',
                center: ['50%', '50%'],
                data:[
                    {value:${(daikuanxingzhi[1]?.counts ? daikuanxingzhi[1]?.counts : 0)}, name:'商业贷款',label:{show:false},labelLine:{show:false}},
                    {value:${(daikuanxingzhi[0]?.counts ? daikuanxingzhi[0]?.counts : 0)}, name:'公积金贷款',label:{show:false},labelLine:{show:false}},
                    {value:${(daikuanxingzhi[2]?.counts ? daikuanxingzhi[2]?.counts : 0)}, name:'组合贷款',label:{show:false},labelLine:{show:false}}
                ],
                itemStyle: {
                    emphasis: {
                        label:{show:false},labelLine:{show:false},
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                }
            }
        ]
    };


    myChart4.setOption(option4);
</script>
%{--权利种类数量--}%
<script type="text/javascript">
    // 基于准备好的dom，初始化echarts实例
    var myChart5 = echarts.init(document.getElementById('main_5'));

    // 指定图表的配置项和数据
    var option5 = {
        tooltip: {
            trigger: 'axis'
        },
        legend: {
            data: ['最高额抵押','一般抵押','抵押','典权']
        },
        toolbox: {
            show: false,
            feature: {
                dataView: {
                    readOnly: false
                },
                restore: {},
                saveAsImage: {}
            }
        },
        dataZoom: {
            show: false,
            start: 0,
            end: 100
        },
        xAxis: [{
            type: 'category',
            boundaryGap: true
        }],
        yAxis: [{
            type: 'value',
            scale: true,
            name: '押品数量（个）',
            boundaryGap: false
// 坐标轴两边留白策略，类目轴和非类目轴的设置和表现不一样。boundaryGap: ['20%', '20%']
        }
        ],
        series: [{
            name: '最高额抵押',
            type: 'line'
        },
            {
                name: '一般抵押',
                type: 'line'
            },
            {
                name: '抵押',
                type: 'line'
            },
            {
                name: '典权',
                type: 'line'
            }]
    };
    var ttt = "${recentData}".split(",")
    var dateArr = []
    $.each(ttt,function(){
        dateArr.push(this.toString())
    })
    option5.series[0].data = [${zuigaoedata}]
    option5.series[1].data = [${yibandata}]
    option5.series[2].data = [${diyadata}]
    option5.series[3].data = [${dianquandata}]
    option5.xAxis[0].data = dateArr

    myChart5.setOption(option5);
</script>


<g:javascript>

    $(document).ready(function(){
        var iID=setTimeout("clock()",2000);//或者var iID=setTimeout(clock,2000);
    })
    function clock(){
        window.print()
    }

</g:javascript>

</body>
</html>
